<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>个人中心</title>
    <!-- Demo styles -->
    <style>


    </style>
    <script src="./font_ico/iconfont.js"></script>
    <!-- 引用bootstrap核心css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- 引用动画库 -->
    <link rel="stylesheet" href="css/animate.min.css">

    <!-- 引用重置样式表 -->
    <link rel="stylesheet/less" href="css/reset.less">

    <!-- 引用公共样式 -->
    <link rel="stylesheet/less" href="css/common.less">

    <!-- 引用该页面样式 -->
    <link rel="stylesheet/less" href="css/index.less">


</head>

<body>
<div class="warp">
    <div class="wode-top">
        <h3>个人中心 <a href=""><img src="images/setting.png" alt=""></a></h3>
    </div>


</div>

<div class="person-msg">
    <div class="head-msg">
        <div class="head-img">
            <img src="images/38.webp">
        </div>
        <p class="p-name">嘉然今天吃什么</p>
        <p class="Personal-name">这里是嘉然！别看我小小的，我超能吃还超可爱的哦~</p>

    </div>
    <div class="head-menu-list">
        <div class="head-menu">
            <p class="tag-msg">214</p>
            <p class="p-tag">作品</p>
        </div>
        <div class="head-menu">
            <p class="tag-msg">130w</p>
            <p class="p-tag">粉丝</p>
        </div>
        <div class="head-menu">
            <p class="tag-msg">5</p>
            <p class="p-tag">关注</p>
        </div>
    </div>
</div>
<div class="personal-works">
    <div>
        <div class="fm"><img src="images/f1.webp" alt=""></div>
        <div class="ship-msg">
            <p class="ship-title">炫动直播界面设计<a><img src="images/androidgengduo.png" alt=""></a></p>
            <p class="time">2017.01.01</p>
            <p class="bf-msg"><span>300w</span><img src="images/yanjing.png" alt=""><span>1.5w</span><img src="images/pinglun.png"
                                                                                                          alt=""></p>
        </div>
    </div>
    <div>
        <div class="fm"><img src="images/f2.webp" alt=""></div>
        <div class="ship-msg">
            <p class="ship-title">炫动直播界面设计<a><img src="images/androidgengduo.png" alt=""></a></p>
            <p class="time">2017.01.01</p>
            <p class="bf-msg"><span>300w</span><img src="images/yanjing.png" alt=""><span>1.5w</span><img src="images/pinglun.png"
                                                                                                          alt=""></p>
        </div>
    </div>
    <div>
        <div class="fm"><img src="images/f3.webp" alt=""></div>
        <div class="ship-msg">
            <p class="ship-title">炫动直播界面设计<a><img src="images/androidgengduo.png" alt=""></a></p>
            <p class="time">2017.01.01</p>
            <p class="bf-msg"><span>300w</span><img src="images/yanjing.png" alt=""><span>1.5w</span><img src="images/pinglun.png"
                                                                                                          alt=""></p>
        </div>
    </div>
    <div>
        <div class="fm"><img src="images/f4.webp" alt=""></div>
        <div class="ship-msg">
            <p class="ship-title">炫动直播界面设计<a><img src="images/androidgengduo.png" alt=""></a></p>
            <p class="time">2017.01.01</p>
            <p class="bf-msg"><span>300w</span><img src="images/yanjing.png" alt=""><span>1.5w</span><img src="images/pinglun.png"
                                                                                                          alt=""></p>
        </div>
    </div>
    <div>
        <div class="fm"><img src="images/f5.webp" alt=""></div>
        <div class="ship-msg">
            <p class="ship-title">炫动直播界面设计<a><img src="images/androidgengduo.png" alt=""></a></p>
            <p class="time">2017.01.01</p>
            <p class="bf-msg"><span>300w</span><img src="images/yanjing.png" alt=""><span>1.5w</span><img src="images/pinglun.png"
                                                                                                          alt=""></p>
        </div>
    </div>
    <div>
        <div class="fm"><img src="images/f6.webp" alt=""></div>
        <div class="ship-msg">
            <p class="ship-title">炫动直播界面设计<a><img src="images/androidgengduo.png" alt=""></a></p>
            <p class="time">2017.01.01</p>
            <p class="bf-msg"><span>300w</span><img src="images/yanjing.png" alt=""><span>1.5w</span><img src="images/pinglun.png"
                                                                                                          alt=""></p>
        </div>
    </div>



</div>
<div class="end">
    <div class="end-updata">
        <a class="updata" href="./nav/upload.html">
            <img src="./images/update.png">
        </a>
    </div>
    <div class="end-nav">
        <a href="./nav/shouye.html">
            <img src="./images/shouye.png">
        </a>
        <a href="./nav/nav.html">
            <img src="./images/faxian.png">
        </a>

        <a href="./nav/dongtai.html" style="text-align: right">
            <img src="./images/lingdang.png">
        </a>
        <a href="index.html" style="text-align: right">
            <img src="./images/wode.png">
        </a>


    </div>
</div>
</body>

</html>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.repeat.js"></script>
<script src="js/less.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>

<script>
    //实例化wow.js
    new WOW().init();


</script>